<template>
  <el-tooltip effect="light" :content="title" :enterable="false">
    <el-button
        class="control-button"
        v-bind="{...$props, ...$attrs}"
        size="small"
        @click="$emit('click')"
    >
      <slot></slot>
    </el-button>
  </el-tooltip>

</template>

<script setup lang="ts">


import type {UISizeTypes, UITextTypes} from "../../types/morghulis.types";

defineEmits(['click'])
const props = withDefaults(
    defineProps<{
      disabled?: boolean,
      type?: UITextTypes,
      size?: UISizeTypes,
      title?: string,
      icon?: string,
    }>(),
    {}
)


</script>

<style scoped>
.control-button {
  padding: 13px 5px !important;
  width: 28px !important;
  margin: 0 0 0 3px !important;
}


</style>